@function rem($s){
    @return ($s/64)*1rem
}
$testbord:1px solid #e3e3e3;
$sub-color:#727272;
// body{background:red}

.active-time-wrap{
    margin:14px 0;
}
.active-time{
    // width:60%;
    display: inline-block;
    font-size: rem(22);
    background: #d8d8d8;
    padding: 1.4px 6px;
    border-radius: 16px;
    color: white;
    text-align:center;
}
.active-section {
    background: #f7f7f7;
    padding: 2% 3.3% 4% 3.3%;
}
.active-item{
    background: white;
    border-radius: 8px;
    // height: rem(450);
    overflow: hidden;
    border: 1px solid #e2e2e2;
    box-shadow: 0 2px 6px #e3e3e3;
    .imgbox{
        height:rem(300);
        border-bottom: $testbord;
        overflow: hidden;
    }
}
.active-desc{
    width: 95%;
    margin:2% auto 2.8% auto;
    .info{
        padding:4px 0;
        border-bottom: 1px dashed #CCCCCC;
    }
}
.active-desc .more{
   margin-top: 4px;
}
.active-desc .title{
    font-size: rem(24);
}



